@charset "gb2312";
/* CSS Document */

.clear-fix { *overflow: hidden; *zoom: 1; }  
.clear-fix:after { display: table; content: ""; width: 0; clear: both; }  
#wrap{ width:100%; height:auto; min-width:1000px; margin:0 auto; background:#e8e8e8; overflow:hidden;}

.header{ width:1000px; height:110px; margin:0 auto; overflow:hidden;}
.header .logo{ float:left; width:280px; height:110px; background:url(../images/logo.jpg) no-repeat; overflow:hidden;}
.header .logo a{ display:block; width:280px; height:110px; text-indent:-999em; overflow:hidden;}
.header .tel{ float:right; width:551px; height:30px; background:url(../images/head-tel.png) no-repeat; margin: 60px 10px auto auto; overflow:hidden;}

.navbar{ width:1000px; height:50px; margin:0 auto; overflow:hidden;}
.navbar ul li{ float:left; width:125px; height:50px; overflow:hidden;}
.navbar ul li a{ display:block; width:125px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; overflow:hidden;}
.navbar ul li a:hover{ background:#da251c;}

.index-banner{ position:relative; width:100%; height:400px; min-width:1000px; margin:0 auto; z-index:100; overflow:hidden;}
.swiper-wrapper{ position:relative; width:100%; height:400px; overflow:hidden;}
.swiper-slide{ position:absolute; width:100%; height:400px; top:0; top:0; overflow:hidden;}
.pagination{ position:absolute; width:auto; height:20px; bottom:35px; left:50%;}
.pagination .btn{ float:left; width:20px; height:20px; margin-right:15px; background:url(../images/pagination.png) no-repeat; overflow:hidden;}
.pagination .select{ background:url(../images/pagination.png) 0 -20px no-repeat;}

.all-main{ position:relative; width:1000px; height:auto; margin:0 auto 30px auto; z-index:200;}

.explains{ width:1000px; height:auto; padding:30px 0 50px 0; margin:0 auto; overflow:hidden;}
.explains .epl{ float:left; width:144px; height:170px; padding:0 20px 0 35px; overflow:hidden;}
.explains .epl dt{ width:144px; height:50px; line-height:50px; font-size:16px; color:#00988e; overflow:hidden;}
.explains .epl dd{ width:144px; height:24px; line-height:24px; overflow:hidden;}
.explains .epl dd a{ color:#464646;}
.explains .epo{ float:left; width:1px; height:170px; background:#fff;}

.flink{ width:1000px; height:40px; padding:20px 0; margin:0 auto; border-bottom:1px solid #dbdbdb; overflow:hidden;}
.flink span{ float:left; width:85px; height:40px; line-height:40px; font-size:16px; color:#0f9d94; overflow:hidden;}
.flink p{ float:left; width:897px; height:40px; line-height:40px; padding-left:17px; border-left:1px solid #858585; overflow:hidden;}

.copyright{ width:1000px; height:auto; text-align:center; line-height:24px; padding:15px 0; margin:0 auto; color:#7f7f7f; overflow:hidden;}
.copyright a{ color:#7f7f7f;}


.all-sider{ float:left; width:258px; height:auto; margin:-15px 0 0 0;}
.all-sider-top{ width:258px; height:15px; background:url(../images/all-sider-top.png);}
.sider-main{ width:250px; height:auto; background:#f0f0f0;}
.hot-car{ width:250px; height:208px;}
.sider-public-title{ width:250px; height:40px; background:#d5d5d5; font-size:18px; font-weight:bold; color:#5a5a5a; line-height:40px; text-align:center; overflow:hidden;}
.hot-car .hc{ width:230px; height:148px; margin:0 auto; overflow:hidden;}
.hot-car .hc li{ width:230px; height:64px; margin-top:10px; overflow:hidden;}
.hot-car .hc li p{ float:left; width:90px; height:64px; overflow:hidden;}
.hot-car .hc li span{ float:left; width:130px; height:64px; margin-left:10px; line-height:25px; color:#80807f; overflow:hidden;}
.sider-menu{ width:250px; height:auto; padding-bottom:20px;}
.sider-menu .sm{ width:250px; height:auto;}
.sider-menu .sm a{ display:block; position:relative; width:250px; height:60px; border-bottom:1px solid #dbdbdb; line-height:60px; text-align:center; font-size:14px;}
.sider-menu .sm a:last-child{ border-bottom:none;}
.sider-menu .sm a span{ position:absolute; width:10px; height:60px; background:url(../images/sider-menu-cur.png) center center no-repeat; top:0; right:-10px; display:none;}
.sider-menu .sm a:hover,.sider-menu .sm a.smenuon{ background:#da251c; color:#fff;}
.sider-menu .sm a:hover span,.sider-menu .sm a.smenuon span{ display:block;}

.comtels{ width:250px; height:auto; padding-bottom:30px;}
.comtels .tels{ width:210px; height:auto; line-height:24px; margin:20px auto; color:#1c1c1c; overflow:hidden;}
.comtels .qqs{ width:246px; padding:0 0 0 4px; overflow:hidden;}
.comtels .qqs a{ float:left; width:49px; height:49px; margin:0 0 0 8px; background:url(../images/hotline-qq.png) 0 0 no-repeat;}
.comtels .qqs a:hover{ background:url(../images/hotline-qq.png) 0 -49px no-repeat;}
.comtels .codes{ width:158px; height:207px; margin:32px auto 0 auto;}
.comtels .codes p{ width:158px; height:45px; background:url(../images/code-detail.png) top center no-repeat;}
.comtels .codes span{ display:block; width:158px; height:158px; margin:5px 0 0 0; overflow:hidden;}

.all-conbox{ float:right; width:720px; height:auto;}
.all-conbox .hd{ width:720px; height:40px; line-height:50px; font-size:18px; color:#1c1c1c; border-bottom:1px solid #d5d5d5; overflow:hidden;}
.pagenav{ width:100%; height:auto; margin-top:30px;  line-height:30px;}
.pagenav a{ padding:3px 8px; border:1px solid #d5d5d5; margin:5px; line-height:30px; text-align:center; overflow:hidden;}
.pagenav a.pageon{ border:1px solid #b50900; background:#b50900; color:#fff;}
.pagenav a.pagenum{ border:none; cursor:copy;}





